<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的购物车</title>
		<link rel="stylesheet" type="text/css" href="/libs/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/libs/swiper/swiper.min.css" />
		<link rel="shortcut icon"  href="/ico/GIRL.ico"/>
		<link rel="stylesheet" type="text/css" href="/css/modules/cart.css" />
	</head>
	<body>
		<header></header>
		<main>
			<a href="/html/modules/cart.html">
				<div class="ToCart"></div>
			</a>
			<div class="sum-box">
				<h3>
					<input type="checkbox" name="" id="all" class="all" value="" />
					<p style="float:left;font-size: 20px;margin-left: 5px;">全选</p>
					<span class="my-cart">我的购物车</span>
					<a href="/html/modules/list.html?id=22"><span class="continue">继续购物</span></a>
				</h3>
				<div class="sum-price">
					<div class="zongjia">
						<span>总价：￥</span><b><span class="ZJ"></span></b>
					</div>
					<div class="jiesuan">
						<p class="JS" style="cursor: pointer;">提交付款</p>
					</div>
				</div>
			</div>

			<div class="allthing" id="allthing"></div>
			<script type="text/html" id="allthingTemplate">
				{{each cart shop}}
				<div class="shop-box" data-id="{{shop.id}}">
					<div class="shop-info">
						<div class="box-1">
							<div class="shop-img">
								<input type="checkbox" class="check-btn" {{shop.check ? 'checked' : ''}}/>
								<a href="/html/modules/detail.html?id={{shop.id}}">
									<img src="{{shop.photo[0].url}}" >
								</a>
							</div>
							<div class="shop-info-box">
								<span class="cancel">X</span>
								<h3>{{shop.title}}</h3>
								<p style="color: gold;">{{shop.coupon.couponText}}</p>
								<p style="color: gold;">{{shop.coupon.hint}}</p>
								<div class="select-box" data-id="{{shop.id}}">
									<button class="btn-add" style="width: 30px;height: 30px;">+</button>
									<input type="text" name="" id="" value="{{shop.count}}" />
									<button class="btn-reduce" style="width: 30px;height: 30px;">-</button>
								</div>
								<div class="price-box">
									<span class="price"><del>￥ {{shop.originPrice}}</del></span>
									￥<span class="now-price" style="color: red;">{{shop.price}}</span>
								</div>
								<span>小计：￥</span><span class="nowTotal">{{(shop.count*shop.price).toFixed(2)}}</span>
							</div>
						</div>
					</div>
					<div class="juan">
						<input type="text" name="" id="juan-add" class="juan-add" value="" placeholder="请输入优惠劵代码" />
						<input type="button" name="" id="" class="ok-btn" value="确认" />
					</div>
				</div>
				{{/each}}
				
			</script>

			<div class="shop-empty">
				<a href="http://localhost:5200/">返回首页</a>
				<a href="/html/modules/list.html?id=22">继续购物</a>
			</div>

		</main>
		<footer>

		</footer>
		<script src="/libs/require-demo/require.js" data-main="/js/modules/cart" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
